<!DOCTYPE HTML>
<html xmlns="http://www.w3.org/1999/html">
<head>
    <meta name="renderer" content="webkit|ie-comp|ie-stand"/>
    <meta charset="utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no"/>
    <title>碧叶之源</title>
<#--<meta name="keywords" content="关键词,5个左右,单个8汉字以内">-->
    <meta name="keywords" content="用户其他信息"/>
<#--<meta name="description" content="网站描述，字数尽量空制在80个汉字，160个字符以内！">-->
    <meta name="description" content="欢迎进入碧叶之源！"/>


<#--妹子UI-->
    <link type="text/css" rel="stylesheet" href="/plugin/amaze/css/amazeui.min.css"/>
    <link type="text/css" rel="stylesheet" href="/plugin/amaze/css/amazeui.datatables.min.css"/>
    <link type="text/css" rel="stylesheet" href="/plugin/amaze/css/app.css">

    <#--百度上传图片插件-->
    <link type="text/css" rel="stylesheet" href="/plugin/webUploader/webuploader.css">


    <style type="text/css">

        *{
            margin: 0;
            padding: 0;
        }
        ul{
            width: 1200px;
            margin: 0 auto;
        }
        ul li{
            float: left;
            width: 250px;
            list-style: none;
            margin: 20px;
        }
        ul li div{
            width: 250px;
            margin-bottom: 20px;
            padding: 10px;
            box-sizing: border-box;
            border-radius: 5px;
            box-shadow: 2px 2px 10px #919B9C;
        }
        ul li img{
            width: 100%;
            margin-bottom: 10px;
        }
        ul li p{
            font-family: "microsoft yahei";
            font-size: 14px;
        }



    </style>

</head>


<body>


<body data-type="widgets">

<div class="am-g tpl-g">


    <div class="row-content am-cf">


        <div class="row">

            <div class="am-u-sm-12 am-u-md-12 am-u-lg-12">
                <div class="widget am-cf">
                    <div class="widget-head am-cf">
                        <div class="widget-title am-fl">用户信息</div>
                        <div class="widget-function am-fr">
                            <a href="javascript:;" class="am-icon-cog"></a>
                        </div>
                    </div>


                    <div class="widget-body am-fr" >

                        <div class="am-u-sm-7 " >
                            <input type="hidden" id="userId" name="userId" value="${userId!''}" />
                            <input type="hidden" id="postId" name="postId" value="${postId!''}" />

                            <ul id="ul1">
                                <#--这里list的多少会影响到展示的多少-->
                                <li></li>
                                <li></li>
                            </ul>




                        </div>




                        <div class="am-u-sm-5">

                            <div class="am-g">
                                <div class="am-u-sm-6">
                                    <div>图片详情</div>
                                </div>
                            </div>

                            <table width="100%" class="am-table am-table-compact tpl-table-black ">
                                <tr>
                                    <td><div>图片名称:</div></td>
                                    <td ><div id="imgNameDetail"></div></td>
                                </tr>
                                <tr>
                                    <td><div>图片说明:</div></td>
                                    <td ><div id="descriptionDetail"></div></td>
                                </tr>
                                <tr>
                                    <td><div>备注:</div></td>
                                    <td ><div id="remarkDetail"></div></td>
                                </tr>
                                <tr>
                                    <td colspan="2">
                                        <input type="hidden" id="idDetail" />
                                        <button type="button" onclick="delUserImg()" class="am-btn am-btn-warning">删除</button>
                                    </td>
                                </tr>
                            </table>

                            <hr/>


                            <form class="am-form tpl-form-border-form tpl-form-border-br" id="imgForm">

                                <table width="100%" class="am-table am-table-compact tpl-table-black ">
                                    <tr>
                                        <td colspan="2">
                                            <!--图片上传-->
                                            <div id="uploader-demo">
                                                <!--用来存放item-->
                                                <div id="fileList" class="uploader-list"></div>
                                                <div id="filePicker">选择图片</div>
                                            </div>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td width="100px">图片名称</td>
                                        <td>
                                            <input type="hidden" id="userId" name="userId" value="${userId!''}" />
                                            <input type="hidden" id="id" name="id" value="" />
                                            <input type="text" id="imgName" name="imgName" />
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>图片说明</td>
                                        <td >
                                            <textarea id="description" name="description"></textarea>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>备注</td>
                                        <td >
                                            <textarea id="remark" name="remark"></textarea>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td colspan="2"  style="text-align: center;">
                                            <input type="button" class="am-btn am-btn-success" value="新增" onclick="addImg()"/>
                                            <input type="button" class="am-btn am-btn-danger" onclick="clearForm('imgForm')" value="清空数据" />
                                        </td>
                                    </tr>
                                </table>


                            </form>
                        </div>


                    </div>
                </div>
            </div>


        </div>


    </div>








<#--JS 部分 -->
    <script type="text/javascript" src="/js/common/jquery.min.js"></script>
    <script type="text/javascript" src="/js/common/base.js"></script>
<#--妹子UI-->
    <script type="text/javascript" src="/plugin/amaze/js/amazeui.min.js"></script>
    <script type="text/javascript" src="/plugin/amaze/js/app.js"></script>
    <script type="text/javascript" src="/plugin/amaze/js/theme.js"></script>
<#--layer.js，只需要引入这个，css会自动引入-->
    <script type="text/javascript" src="/plugin/layer-v3.1.1/layer.js"></script>
<#--laydate.js 时间组件-->
    <script type="text/javascript" src="/plugin/laydate/laydate.js"></script>
    <#--百度上传图片的插件-->
    <script type="text/javascript" src="/plugin/webUploader/webuploader.min.js"></script>



<#--自己的js-->
    <script type="text/javascript" src="/js/user/userImg.js"></script>


    <script type="text/javascript">



    </script>


</body>


</html>
